var inps=document.querySelectorAll("input")
var btn = document.querySelector("button")
var shows =document.querySelectorAll(".show1");
var bool_name=true; //判断账号输入框内容是否符合规定
var bool_age=true;  //判断年龄输入框内容是否符合规定
var bool_sex=true;  //判断性别输入框内容是否符合规定
//账号框
inps[1].onblur=function(){
    var id1 = inps[1].value;
    var pass1 = inps[2].value;
    var id_checker1 = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*|\d{5,11}$/   //正则判断填入的是邮箱地址还是是数字 
    if(inps[1]){
        if(id_checker1.test(id1)){  //通过正则表达式判断是否符合规定
            (async function(){ 
                var txt1 = await PromiseAjax({ //连接服务器，通过服务器获取数据库的值
                    url:'../php/yanzeng.php',
                    data:`userid=${id1}&userpass=${pass1}&user_logn=0`
                })
                // 根据服务器返回值做处理
                if(txt1=="11"){ 
                    shows[1].innerHTML=`该账户已存在`;
                    // 账号输入框内容不符合规定
                    bool_name=false; 
                }else if(txt1=="00"){
                    shows[1].innerHTML=`该账户可使用`;
                     // 账号输入框内容符合规定
                    bool_name=true;
                }
            })()
        }else{
            shows[1].innerHTML=`输入的账号不符合规定`;
            // 账号输入框内容不符合规定
            bool=false;
        }
    }else{
            // 账号输入框内容不符合规定
            bool=false;
    }
}
//年龄输入框
inps[3].onblur=function(){
    var age1 = inps[3].value;
    //通过正则表达式判断是否符合规定
    var age1_check = /^[0-1]?[0-9][0-9]$/
    if(age1){
        if(age1_check.test(age1)){
            bool_age=true;
            shows[3].innerHTML="输入值符合规定";
        }else{
            shows[3].innerHTML="输入值不符合规定";
            bool_age=false;
        }
    }
}
//性别输入框
inps[4].onblur=function(){
    var sex1 = inps[4].value;
    if(sex1=="男"||sex1=="女"){
        bool_sex=true;
        shows[4].innerHTML="输入值符合规定";
    }else{
        shows[4].innerHTML="输入值不符合规定";
        bool_sex=false;
    }
}

//绑定点击事件
btn.onclick=function(){
    var num1 = inps[0].value;
    var id1 = inps[1].value;
    var pass1 = inps[2].value;
    var age1 = inps[3].value;
    var sex1 = inps[4].value;
    //当每一个输入框都输入正确之后才能提交
    if(bool_age&&bool_name&&bool_sex){
        (async function(){
            var txt = await PromiseAjax({
                url:'../php/zhuce.php',
                data:`usernum=${num1}&userid=${id1}&userpass=${pass1}
                &userage1=${age1}&usersex=${sex1}
                `
            })
            if(txt==1){
                alert("注册成功")
                location ="./logn.html";
            }else{
                alert("注册失败")
                location.reload()
            }
        })()
    }else{
        alert("注册失败,你输入的内容有误")
        location.reload()
    }
}
